<!DOCTYPE html>
<html lang="en">
<head>
<title>Canon EOS 5D</title>
<base href="" />
<link href="images/cart.png" rel="icon" />
<link href="#" rel="canonical" />
<meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" />	
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />    
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/facebook.css" />
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script> 
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="js/html5.js"></script>
<script type="text/javascript">
		$(window).load(function() {
			$('.flexslider').flexslider();
		});
</script>
<script>
$(document).ready(function(){
$('.ab').hover(function(){
	$(this).prev('a').toggleClass('active');
	});     
$('.menuarrow').click(function () {
  $('.menu-mobile').slideToggle('slow');
});
$('.mobile-fpart .column h3').click(function () {
  $(this).next('.mobile-fpart .column ul').slideToggle('slow');
});
});
</script>
</head>
<body>
<div class="main-wrapper">
<header class="header-top-main">
<section class="header-top">
<div id="welcome">
        You are logged in as <a href="#">s</a> <b>(</b> <a href="#">Logout</a> <b>)</b>      </div>  
    <form action="#" method="post" enctype="multipart/form-data">
    <div id="currency"><!--Currency-->
                        <a title="Euro" onClick="">€</a>
                                    <a title="Pound Sterling" onClick="">£</a>
                                    <a title="US Dollar"><b>$</b></a>
                        <input type="hidden" name="currency_code" value="" />
      <input type="hidden" name="redirect" value="#" />
    </div>
  </form>
    <section id="cart">
    <div class="heading">
      <!--<h4>Shopping Cart</h4>-->
      <a><span id="cart_total">1 item(s) - $80.00</span></a></div>
    <div class="content"></div>
  </section>
  <div class="clear"></div>
</section>
<section id="header-main">
<div id="header">
    <div id="logo"><a href="#"><img src="images/logo.png" title="uStore Theme" alt="uStore Theme" /></a></div>
    <div class="links">
  <a class="home" title="Home" href="#">Home</a>
  <a href="#" id="wishlist_total">Wish List (2)</a><a href="#">My Account</a><a href="#">Shopping Cart</a><a href="#">Checkout</a></div> 
  <div id="search">
    <div class="button-search"></div>
        <input type="text" name="filter_name" value="Search" onClick="this.value = '';" onKeyDown="this.style.color = '#444';" />
      </div></div>
  <div class="clear"></div>
</section>
<nav id="mobile-menu">
<h3 class="menuarrow"><span>Menu</span></h3>
  <ul class="menu-mobile">
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</nav>
<nav class="menu-main">
<div id="menu">
  <ul>
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</div>
</nav>
</header>
<section class="wrapper">
<div id="notification"></div>
<div id="container"> 
<aside id="column-right">
    <section class="box">
  <div class="box-heading"><span>Bestsellers</span></div>
  <div class="box-content">
    <div class="box-product">
            <div>
     
                <div class="image"><a href="#"><img src="images/iphone_1-50x50.jpg" alt="iPhone" title="iPhone" /></a></div>
                
         <div class="name"><a href="#">iPhone</a></div>
                <div class="price">
                    $101.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-3.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('40');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#"><img src="images/ipod_nano_1-50x50.jpg" alt="iPod Nano" title="iPod Nano" /></a></div>
                
         <div class="name"><a href="#">iPod Nano</a></div>
                <div class="price">
                    $100.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-4.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('36');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#"><img src="images/sony_vaio_1-50x50.jpg" alt="Sony VAIO" title="Sony VAIO" /></a></div>
                
         <div class="name"><a href="#">Sony VAIO</a></div>
                <div class="price">
                    $1,000.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('46');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#41"><img src="images/imac_1-50x50.jpg" alt="iMac" title="iMac" /></a></div>
                
         <div class="name"><a href="#41">iMac</a></div>
                <div class="price">
                    $100.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-3.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('41');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#41"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#"><img src="images/samsung_tab_1-50x50.jpg" alt="Samsung Galaxy 10.1" title="Samsung Galaxy 10.1" /></a></div>
                
         <div class="name"><a href="#">Samsung Galaxy 10.1</a></div>
                <div class="price">
                    $199.99                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-4.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('49');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#"><img src="images/canon_eos_5d_1-50x50.jpg" alt="Canon EOS 5D" title="Canon EOS 5D" /></a></div>
                
         <div class="name"><a href="#">Canon EOS 5D</a></div>
                <div class="price">
                    <span class="price-old">$100.00</span> <span class="price-new">$80.00</span>
                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-1.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('30');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#"><img src="images/ipod_classic_1-50x50.jpg" alt="iPod Classic" title="iPod Classic" /></a></div>
                
         <div class="name"><a href="#">iPod Classic</a></div>
                <div class="price">
                    $100.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('48');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#42"><img src="images/apple_cinema_30-50x50.jpg" alt="Apple Cinema 30&quot;" title="Apple Cinema 30&quot;" /></a></div>
                
         <div class="name"><a href="#42">Apple Cinema 30&quot;</a></div>
                <div class="price">
                    <span class="price-old">$100.00</span> <span class="price-new">$90.00</span>
                  </div>
                <div class="abs">
        <!---->
        
        <div class="cart">
        	<a onClick="addToCart('42');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#42"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
     
                <div class="image"><a href="#"><img src="images/hp_1-50x50.jpg" alt="HP LP3065" title="HP LP3065" /></a></div>
                
         <div class="name"><a href="#">HP LP3065</a></div>
                <div class="price">
                    $100.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-4.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        	<a onClick="addToCart('47');" class="button1"><span>Add to Cart</span></a>
        	<a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
          </div>
  </div>
</section>
    <section class="box">
  <div class="box-heading"><span>Specials</span></div>
  <div class="box-content">
    <div class="box-product1">
            <div>
      
                <div class="image"><a href="#42"><img src="images/apple_cinema_30-50x50.jpg" title="Apple Cinema 30&quot;" alt="Apple Cinema 30&quot;" /></a></div>
                <div class="name"><a href="#42">Apple Cinema 30&quot;</a></div>
                <div class="price">
                    <span class="price-old">$100.00</span> <span class="price-new">$90.00</span>
                  </div>
                <div class="abs">
        <!---->        
        <div class="cart"><a onClick="addToCart('42');" class="button1" title="Add to Cart"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#42"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
      
                <div class="image"><a href="#"><img src="images/canon_eos_5d_1-50x50.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a></div>
                <div class="name"><a href="#">Canon EOS 5D</a></div>
                <div class="price">
                    <span class="price-old">$100.00</span> <span class="price-new">$80.00</span>
                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-1.png" alt="Based on 1 reviews." /></div>
        -->        
        <div class="cart"><a onClick="addToCart('30');" class="button1" title="Add to Cart"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
          </div>
  </div>
</section>
    <section class="box">
  <div class="box-heading"><span>Latest</span></div>
  <div class="box-content">
    <div class="box-product">
            <div>
      
                <div class="image"><a href="#"><img src="images/samsung_tab_1-50x50.jpg" title="Samsung Galaxy 10.1" alt="Samsung Galaxy 10.1" /></a></div>
                <div class="name"><a href="#">Samsung Galaxy 10.1</a></div>
                <div class="price">
                    $199.99                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-4.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        <a onClick="addToCart('49');" title="Add to Cart" class="button1"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
      
                <div class="image"><a href="#"><img src="images/ipod_classic_1-50x50.jpg" title="iPod Classic" alt="iPod Classic" /></a></div>
                <div class="name"><a href="#">iPod Classic</a></div>
                <div class="price">
                    $100.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        <a onClick="addToCart('48');" title="Add to Cart" class="button1"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
      
                <div class="image"><a href="#"><img src="images/hp_1-50x50.jpg" title="HP LP3065" alt="HP LP3065" /></a></div>
                <div class="name"><a href="#">HP LP3065</a></div>
                <div class="price">
                    $100.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-4.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        <a onClick="addToCart('47');" title="Add to Cart" class="button1"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
      
                <div class="image"><a href="#"><img src="images/sony_vaio_1-50x50.jpg" title="Sony VAIO" alt="Sony VAIO" /></a></div>
                <div class="name"><a href="#">Sony VAIO</a></div>
                <div class="price">
                    $1,000.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        <a onClick="addToCart('46');" title="Add to Cart" class="button1"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
      
                <div class="image"><a href="#"><img src="images/macbook_pro_1-50x50.jpg" title="MacBook Pro" alt="MacBook Pro" /></a></div>
                <div class="name"><a href="#">MacBook Pro</a></div>
                <div class="price">
                    $2,000.00                  </div>
                <div class="abs">
        <!---->
        
        <div class="cart">
        <a onClick="addToCart('45');" title="Add to Cart" class="button1"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#"><span>Detail</span></a></div>
        </div>
      </div>
            <div>
      
                <div class="image"><a href="#44"><img src="images/macbook_air_1-50x50.jpg" title="MacBook Air" alt="MacBook Air" /></a></div>
                <div class="name"><a href="#44">MacBook Air</a></div>
                <div class="price">
                    $1,000.00                  </div>
                <div class="abs">
        <!--        <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
        -->
        
        <div class="cart">
        <a onClick="addToCart('44');" title="Add to Cart" class="button1"><span>Add to Cart</span></a>
        <a class="btn-detail ml10" title="Detail" href="#44"><span>Detail</span></a></div>
        </div>
      </div>
          </div>
  </div>
</section>
  </aside>
<section id="content">  <div class="breadcrumb">
        <a href="#">Home</a>
         &raquo; <a href="#">Canon EOS 5D</a>
      </div>
  <h1><span>Canon EOS 5D</span></h1>
  <div class="product-info">
        <div class="left">
            <div class="image"><a href="images/canon_eos_5d_1-500x500.jpg" title="Canon EOS 5D" class="fancybox" rel="fancybox"><img src="images/canon_eos_5d_1-220x220.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" id="image" /></a></div>
                  <div class="image-additional">
                <a href="images/canon_eos_5d_2-500x500.jpg" title="Canon EOS 5D" class="fancybox" rel="fancybox"><img src="images/canon_eos_5d_2-57x57.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a>
                <a href="images/canon_eos_5d_3-500x500.jpg" title="Canon EOS 5D" class="fancybox" rel="fancybox"><img src="images/canon_eos_5d_3-57x57.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a>
              </div>
          </div>
       

<div class="right">
  <div id="tabs" class="htabs">
  <a class="info" href="#tab-information">Information</a>
  <a href="#tab-description">Description</a>
            <a href="#tab-review">Reviews (1)</a>
        
  </div>
  <div id="tab-information" class="tab-content">
   <div class="description">
                <span>Brand:</span> <a href="#/product&amp;manufacturer_id=9">Canon</a><br />
                <span>Product Code:</span> Product 3<br />
        <span>Reward Points:</span> 200<br />
        <span>Availability:</span> In Stock         
        </div>
        
            <div class="price">
      
                <span class="price-old">$100.00</span> <span class="price-new">$80.00</span>
        
                <span class="price-tax">Ex Tax: $80.00</span><br />
                              </div>
                  <div class="review">
        <div><img src="images/stars-1.png" alt="1 reviews" />
        <a onClick="$('a[href=\'#tab-review\']').trigger('click');">1 reviews</a> / 
        <a onClick="$('a[href=\'#tab-review\']').trigger('click');">Write a review</a></div>
        
      </div>
                  <div class="options">
        <h2>Available Options</h2>
        <br />
                        <div id="option-228" class="option">
                    <span class="required">*</span>
                    <b>Size:</b><br />
          <select name="option[228]">
            <option value=""> --- Please Select --- </option>
                        <option value="20">Small                        </option>
                        <option value="21">Medium                        </option>
                        <option value="22">Large                        </option>
                      </select>
        </div>
        <br />
                                                                                                        <div id="option-226" class="option">
                    <span class="required">*</span>
                    <b>Color Option:</b><br />
          <select name="option[226]">
            <option value=""> --- Please Select --- </option>
                        <option value="16">Blue                        </option>
                      </select>
        </div>
        <br />
                                                                                              </div>
            <div class="cart">
        <div>Qty:          <input type="text" name="quantity" class="w30" size="2" value="1" />
          <input type="hidden" name="product_id" size="2" value="30" />
          &nbsp;<a id="button-cart" class="button" title="Add to Cart"><span>Add to Cart</span></a>&nbsp;&nbsp;</div>

        <div><a class="wish-list" title="Add to Wish List" onClick="addToWishList('30');"><span>Add to Wish List</span></a>&nbsp;
          <a class="compare-icon" title="Add to Compare" onClick="addToCompare('30');"><span>Add to Compare</span></a></div>
              </div>
      <div class="share">
        <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="#"></script>
<!-- AddThis Button END -->
        </div>
        
  </div>
  
  <div id="tab-description" class="tab-content"><p>
	Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we're not typically too concerned with marketing talk this particular statement is clearly pretty accurate. The EOS 5D is unlike any previous digital SLR in that it combines a full-frame (35 mm sized) high resolution sensor (12.8 megapixels) with a relatively compact body (slightly larger than the EOS 20D, although in your hand it feels noticeably 'chunkier'). The EOS 5D is aimed to slot in between the EOS 20D and the EOS-1D professional digital SLR's, an important difference when compared to the latter is that the EOS 5D doesn't have any environmental seals. While Canon don't specifically refer to the EOS 5D as a 'professional' digital SLR it will have obvious appeal to professionals who want a high quality digital SLR in a body lighter than the EOS-1D. It will also no doubt appeal to current EOS 20D owners (although lets hope they've not bought too many EF-S lenses...) äë</p>
</div>

      <div id="tab-review" class="tab-content">
    <div id="review" class="rev"></div>
    <h2 id="review-title">Write a review</h2>
    <b>Your Name:</b><br />
    <input type="text" name="name" value="" />
    <br />
    <br />
    <b>Your Review:</b>
    <textarea name="text" cols="40" rows="8" style="width: 96%;"></textarea>
    <span style="font-size: 11px;"><span style="color: #FF0000;">Note:</span> HTML is not translated!</span><br />
    <br />
    <b>Rating:</b> <span>Bad</span>&nbsp;
    <input type="radio" name="rating" value="1" />
    &nbsp;
    <input type="radio" name="rating" value="2" />
    &nbsp;
    <input type="radio" name="rating" value="3" />
    &nbsp;
    <input type="radio" name="rating" value="4" />
    &nbsp;
    <input type="radio" name="rating" value="5" />
    &nbsp; <span>Good</span><br />
    <br />
    <b>Enter the code in the box below:</b><br />
    <input type="text" name="captcha" value="" />
    <br />
    <img src="#" alt="" id="captcha" class="mt10" /><br />
    <br />
    <div class="buttons">
      <div class="right"><a id="button-review" class="button"><span>Continue</span></a></div>
    </div>
  </div>
      <!--<div id="tab-related" class="tab-content">
    <div class="box-product2">
            <div>
      
                <div class="imag"><a href="#"><img src="images/nikon_d300_1-145x150.jpg" alt="Nikon D300" /></a></div>
                <div class="nam"><a href="#">Nikon D300</a></div>
                <div class="pric">
                    $80.00                  </div>
                        <a onclick="addToCart('31');" class="button2"><span>Add to Cart</span></a></div>
          </div>
  </div>-->
  
   
  </div>
  
    
  </div>
  <div class="box">
  <div class="box-heading"><span>    Related Products(1)
    </span></div>
    
  <div class="box-product1">
            <div>
      
                <div class="imag"><a href="#"><img src="images/nikon_d300_1-145x150.jpg" alt="Nikon D300" /></a></div>
                <!--<div class="name"><a href="#">Nikon D300</a></div>-->
        <!--        <div class="price">
                    $80.00                  </div>
        -->
        <!---->
        <!--<a onclick="addToCart('31');" class="button2"><span>Add to Cart</span></a>-->
        </div>
          </div>
  
    </div>
  
    
  </section>
<script type="text/javascript"><!--
$('.fancybox').fancybox({cyclic: true});
//--></script> 
<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
	$.ajax({
		url: '#/update',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			
			if (json['error']) {
				if (json['error']['warning']) {
					$('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="images/close.png" alt="" class="close" /></div>');
				
					$('.warning').fadeIn('slow');
				}
				
				for (i in json['error']) {
					$('#option-' + i).after('<span class="error">' + json['error'][i] + '</span>');
				}
			}	 
						
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="images/close.png" alt="" class="close" /></div>');
					
				$('.success').fadeIn('slow');
					
				$('#cart_total').html(json['total']);
				
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 
			}	
		}
	});
});
//--></script>
<script type="text/javascript" src="js/ajaxupload.js"></script>
<script type="text/javascript"><!--
$('#review .pagination a').live('click', function() {
	$('#review').slideUp('slow');
		
	$('#review').load(this.href);
	
	$('#review').slideDown('slow');
	
	return false;
});			

$('#review').load('index.php?route=product/product/review&product_id=30');

$('#button-review').bind('click', function() {
	$.ajax({
		type: 'POST',
		url: '#',
		dataType: 'json',
		data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
		beforeSend: function() {
			$('.success, .warning').remove();
			$('#button-review').attr('disabled', true);
			$('#review-title').after('<div class="attention"><img src="images/loading.gif" alt="" /> Please Wait!</div>');
		},
		complete: function() {
			$('#button-review').attr('disabled', false);
			$('.attention').remove();
		},
		success: function(data) {
			if (data.error) {
				$('#review-title').after('<div class="warning">' + data.error + '</div>');
			}
			
			if (data.success) {
				$('#review-title').after('<div class="success">' + data.success + '</div>');
								
				$('input[name=\'name\']').val('');
				$('textarea[name=\'text\']').val('');
				$('input[name=\'rating\']:checked').attr('checked', '');
				$('input[name=\'captcha\']').val('');
			}
		}
	});
});
//--></script> 
<script type="text/javascript"><!--
$('#tabs a').tabs();
//--></script> 
<script type="text/javascript" src="js/ui/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript"><!--
if ($.browser.msie && $.browser.version == 6) {
	$('.date, .datetime, .time').bgIframe();
}

$('.date').datepicker({dateFormat: 'yy-mm-dd'});
$('.datetime').datetimepicker({
	dateFormat: 'yy-mm-dd',
	timeFormat: 'h:m'
});
$('.time').timepicker({timeFormat: 'h:m'});
//--></script> 
<div class="clear"></div>
</div> 
</section>

<div class="clear"></div>
<section id="footer-top-outside">
<div class="line-bottom">
<div id="customHome" class="container_12"><div id="about_us_footer"
	class="grid_3">
<h2>About uStore</h2>
<img class="about_us_image" alt="small logo" src="images/logo-small.png"/><p>      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor, sem vel venenatis interdum, tortor dolor lobortis purus, sed adipiscing ante nisi fringilla nunc. Mauris id erat eget diam pulvinar fringilla. Vestibulum blandit aliquam velit, non viverra turpis vulputate ac.</p>
</div>
 <!--  TWITTER --> <div id="twitter_footer"
	class="grid_3">
<h2>Latest Tweets</h2>
<ul id="twitter_update_list">
<!--<script type="text/javascript"
	src="//twitter.com/javascripts/blogger.js"></script> <script
	type="text/javascript"
	src="//twitter.com/statuses/user_timeline/envato.json?callback=twitterCallback2&count=2"></script>-->
</ul>
</div>
 <div id="contact_footer"
	class="grid_3">
<h2>Contact Us</h2>
<ul>
<li>
	<!-- TELEPHONE 1 -->
	<ul id="tel" class="contact_column">
		<li id="footer_telephone">+11 8832 456 123</li>


		<!-- TELEPHONE 2 -->
				<li id="footer_telephone2">+11 8832 456 123</li>
			</ul>
	
	<!-- FAX  -->
		<ul id="fax" class="contact_column">
		<li id="footer_fax">+11 0832 456 321</li>
	</ul>
	
	<!-- EMAIL 1 -->
		<ul id="mail" class="contact_column">
		<li id="footer_email">test@test.com</li>



		<!-- EMAIL 2 -->
				<li id="footer_email2">info@test.com</li>
			</ul>
	
	<!-- SKYPE -->
		<ul id="skype" class="contact_column">
		<li id="footer_skype">harnishdesign</li>
	</ul>
	</li>
</ul>
</div>
	 <!--  FACEBOOK --> <div id="facebook_footer"
	class="grid_3">
<h2>Facebook</h2>
<!--<script type="text/javascript"
	src="//static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("1690883eb733618b294e98cb1dfba95a");</script>

<script language="javascript" type="text/javascript">
//<![CDATA[
document.write('<fb:fan profile_id="80655071208" stream="0"	connections="6"	logobar="0" height="190px"	width="220"css="css/facebook.css?20"></fb:fan> ');
//]]>
</script>-->

</div>
 <!--  CUSTOM COLUMN -->  <!-- Categories --> </div>
<div class="clear"></div>
</div>

<div class="line-bottom1"></div>

</section>
<footer id="footer-main">
<div id="footer" class="mobile-fpart">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div id="footer">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div class="powered-main">
<div id="powered">
Theme by <a href="#" target="_blank">Design</a>
<div class="fl">
Powered By <a href="#">ABC</a><br /> uStore Theme &copy; 2012</div>
<div class="back-to-top" id="back-top"><a title="Back to Top" href="javascript:void(0)" class="backtotop">Top</a></div>
</div>
</div>
</footer>
</div>
<!--Scroll back to top-->
<script type='text/javascript'>
$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});
		});
jQuery('.backtotop').click(function(){
	jQuery('html, body').animate({scrollTop:0}, 'slow');
});
</script>
<!--end of Scroll back to top-->
</body>
</html>